﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>CleanCut - a Themeforest HTML Template</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/cufon.js'></script>
	<script type='text/javascript' src='js/quicksand.font.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>	
	<script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>	
	<!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->

</head>
<body id="top" class='fullwidth'>

<div class="wrapper" id='wrapper_head'>

	<div class="center">
	
		<div id="head">
		
			<h1 class="logo"><a href="index.html" class='ie6fix'>CleanCut</a></h1>
			<ul id="nav">
				<li class='current'><a href="index.html">Home</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
				</ul>
				</li>
				
				<li><a href="page.html">Template Files</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="single.html">Single Blog Page</a></li>
					<li><a href="portfolio.html">Portfolio Page</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					<li><a href="page.html">Page</a></li>
					<li><a href="fullwidth.html">Page Fullwidth</a></li>
					<li><a href="contact.php">Contact</a></li>
					<li><a href="#">Second Level »</a>
						<ul>
						<li><a href="#">Just for</a></li>
						<li><a href="#">Demonstration</a></li>
						<li><a href="#">Purpose</a></li>
						</ul>
					</li>
					</ul>
				</li>
				<li><a href="styles.html">Styling</a>
					<ul>
					<li><a href="multislide.html">Multiple sliders on one page</a></li>
					<li><a href="styles.html">HTML styling</a></li>
					<li><a href="page.html">Columns in page with sidebar</a></li>
					<li><a href="fullwidth.html">Columns on Fullwidth page</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="portfolio.html">Portfolio</a>
					<ul>
					<li><a href="portfolio_2.html">Portfolio different heights</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					</ul>
				</li>
				<li><a href="contact.php">Contact</a></li>
			</ul>
			
		<!--end head-->
		</div>
		
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_featured_area'>

	<div class="center">
				
		<!-- ###################################################################### -->
		<div class="feature_wrap">
		<!-- ###################################################################### -->
			<div class=' featured_inside blockslider'>
			<span class='fancyborder ie6fix fancyborder_top'></span>
			<span class='fancyborder ie6fix fancyborder_left'></span>
			<span class='fancyborder ie6fix fancyborder_right'></span>
			<span class='fancyborder ie6fix fancyborder_bottom'></span>
			
					<div class="featured featured1">
						<a href="single.html">
							<span class='feature_excerpt'>
								<strong class='sliderheading'>New Tutorial: How to create the Picture of the week</strong>
								<span class='sliderdate'>Dec. 12 .2009</span>
								<span class='slidercontent'>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
								</span>
							</span>
							<img src="files/content_pic2.jpg" alt="" />
						</a>
					</div><!-- end .featured -->
					
					<div class="featured featured2">
						<a href="single.html">
							<span class='feature_excerpt'>
								<strong class='sliderheading'>How to create a picture with vivid colors</strong>
								<span class='sliderdate'>Aug. 04 .2009</span>
								<span class='slidercontent'>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna  										Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
								</span>
							</span>
							<img src="files/content_pic1.jpg" alt="" />
						</a>
					</div><!-- end .featured -->
					
					<div class="featured featured3">
						<a href="single.html">
							<span class='feature_excerpt'>
								<strong class='sliderheading'>Tutorial: Funky artwork in Illustrator</strong>
								<span class='sliderdate'>June. 14 .2009</span>
								<span class='slidercontent'>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna 										Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
								</span>
							</span>
							<img src="files/content_pic3.jpg" alt="" />
						</a>
					</div><!-- end .featured -->
					
					<div class="featured featured4">
						<a href="files/strange.flv" class='videoplayer'>
							<span class='feature_excerpt'>
								<strong class='sliderheading'>How to create a beautiful sunset with Photoshop</strong>
								<span class='sliderdate'>Feb. 22. 2009</span>
								<span class='slidercontent'>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna  										Ut enim ad minim veniam, Ut enim ad minim veniam, Ut enim ad minim veniam.
								</span>
							</span>
							<img src="files/content_pic4.jpg" alt="" />
						</a>
					</div><!-- end .featured -->
					
					
				</div><!-- end .featured_inside --> 
				
				<div id="feature_info">
					<a href="portfolio.html" class="big_button heading ie6fix"><strong class='ie6fix'>Our Work</strong></a>
					<div class="text">
						<h1>Hello Everyone!</h1>
						<h2>We are C2, a texas based design studio with a heavy focus on Wordpress, HTML, CSS &amp; Javascript</h2>
					</div>
					
				<!-- end feature_info-->
				</div>
				
		<!-- ###################################################################### -->
		</div><!-- end featuredwrap -->
		<!-- ###################################################################### -->
		
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_main'>

	<div class="center">		
		
		<div id="main">
		
			<div class="entry portfolio">
			
			<div class="one_fourth"><a class='preloading' href="files/content_pic1.jpg"><img src="files/content_pic_med1.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>
			<p>Sed do eiusmod tempor incididunt ut labolore magna, consectetur adipisicing elit, sedr incididunt ut. <a href="single.html" class="more-link">Read more</a></p>
			</div>
			
			<div class="one_fourth"><a class='preloading' href="files/content_pic2.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>			
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="single.html" class="more-link">Read more</a></p>
			</div>
			
			<div class="one_fourth"><a class='preloading' href="files/content_pic3.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="single.html" class="more-link">Read more</a></p>			
			</div>
			
			<div class="one_fourth last"><a class='preloading' href="files/content_pic4.jpg"><img src="files/content_pic_med4.jpg" alt="" /></a>
			<h3>Lorem ipsum</h3>
			<p>Lorem ipsum dolor sit amet, consecteturo eiusmod tempor incididunt ut labolore magna. <a href="single.html" class="more-link">Read more</a></p>			
			</div>
			
			<!--end enty -->
			</div>
			<div class='hr'><a href="#top" class='scrollTop'>top</a></div>
			<div id="testimonial" class='two_third'>
			<div class="quote ie6fix"></div>
			
			<h1>Testimonials</h1>
			
			<div class="testimonial_author_pics">
				<a href='#' class='active_testimonial'><img src="files/testimonial1.jpg" alt="" /></a>
				<a href='#'><img src="files/testimonial2.jpg" alt="" /></a>
				<a href='#'><img src="files/testimonial3.jpg" alt="" /></a>
				<a href='#'><img src="files/testimonial4.jpg" alt="" /></a>
				<a href='#'><img src="files/testimonial5.jpg" alt="" /></a>
				
				<span class='testimonial_arrow ie6fix'></span>
			<!-- end testimonial_author_pics-->
			</div>


			<div class="testimonial_slides">
			
			
				<div class='t_slide t_slide_active'>
					<a class="testimonial_img" href='#'>
					<img class='ie6fix' src="files/testimonial_image1.png" alt="" />
					</a>
					
					<div class="testimonial_entry">
					<strong class="heading">Use this for testimonials or for product features!</strong>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.
					</p>
					<strong class="testimonial_author">Marc Burton - Burton Inc Advertising</strong>
					</div>
				<!--end t_slide-->
				</div>
				
				<div class='t_slide'>					
					<div class="testimonial_entry">
					<strong class="heading">About our Workflow:</strong>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
					</p>
					<strong class="testimonial_author">Johanna Ericson - CEO SpeedUp Inc.</strong>
					</div>
				<!--end t_slide-->
				</div>
				
				<div class='t_slide'>
					<a class="testimonial_img" href='#'>
					<img class='ie6fix' src="files/testimonial_image2.png" alt="" />
					</a>
					
					<div class="testimonial_entry">
					<strong class="heading">A damn cool product!</strong>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.
					</p>
					<strong class="testimonial_author">Olaf Petersen - CEO SpeedUp Inc.</strong>
					</div>
				<!--end t_slide-->
				</div>
				
				<div class='t_slide'>
					<a class="testimonial_img" href='#'>
					<img class='ie6fix' src="files/testimonial_image3.png" alt="" />
					</a>
					
					<div class="testimonial_entry">
					<strong class="heading">Too good to be true</strong>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.
					</p>
					<strong class="testimonial_author">Mary Moonlight - Mighty Inc.</strong>
					</div>
				<!--end t_slide-->
				</div>
				
				<div class='t_slide'>
					<a class="testimonial_img" href='portfolio.html'>
					<img class='ie6fix' src="files/testimonial_image1.png" alt="" />
					</a>
					
					<div class="testimonial_entry">
					<strong class="heading">Resizing box :)</strong>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. 
						Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.
					</p>
					<strong class="testimonial_author">Random Stranger - random Inc</strong>
					</div>
				<!--end t_slide-->
				</div>
				
				
				
			
			<!--end testimonial_slides --> 
			</div>

			<!--end testimonial--> 
			</div>
			
			<div id="testimonial_sidebar" class='one_third last'>
			
				<h2 class='siteheading'>About Us</h2>
				<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore pariatur. 
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			
			<!--end testimonial_sidebar --> 
			</div>
		
		<!--end main-->
		</div>
		<div id="footer_inside">
		
		<!--end footer_inside-->
		</div>

	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_footer'>
	
	<div id="footer_outside">
		<span class="copyright">
			&copy; Copyright <a href='#'>YourName.Inc</a> - 
			Design by <a href="http://www.kriesi.at">Kriesi.at - Wordpress Themes</a>
		</span>
		
		<ul class="social_bookmarks">
			<li class="rss"><a href="#" class="ie6fix">RSS</a></li>
			<li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
			<li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
			<li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
		</ul>
		
		<a href="#top" class='scrollTop'>top</a>
	<!--end footer_outside-->
	</div>
	
	
	
<!--end wrapper -->
</div>

</body>
</html>